.mood {
    border-radius: 15px;
    border: 1px solid grey;
    background-color: #e6e6e6;
    padding: 15px;
    text-align: center;
    display: inline-block;
    outline: none
}

.default {
    border: 1px solid transparent !important;
    padding: 4px;
}

.selected {
    border: 1px solid lightgreen !important;
    padding: 4px;
}

.doubling-input,
.numeric-input {
    font-size: calc(var(--ag-font-size) + 1px);
    padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

/* Completely fill the space for number arrow buttons */
.doubling-input::-webkit-outer-spin-button, 
.doubling-input::-webkit-inner-spin-button {
    width: 25px;
    position: absolute;
    top: 0px;
    right: 1px;
    height: 100%;
}
